<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取页面元素</title>
</head>

<body>
    <div id="box">
        李昊哲
    </div>
</body>

</html>
<script>
    // 1、文档内容即页面从上向下加载所以得先有标签再用script操作即script得写在标签的下面
    // 2、获取页面元素返回的是该元素的对象
    // 3、如果获取不到页面元素则返回null
    // 4、id大小写敏感
    let div = window.document.getElementById('box');
    window.console.log(div);
    window.console.dir(div);
    window.console.log(div.innerText);
</script>